@media screen and (max-width: 980px) {

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	.pagewrap {
		max-width: 94%;
	}
	
	#content {
		width: 68%;
	}
	
	/* sidebar */
	#sidebar {
		width: 29%;
	}
	
	img {
		max-width: 100%;
		height: auto
	}
	#user-login-form #edit-name, #user-login-form #edit-pass {
		width: 81%
	}
	.tab-group .tab-head .item-label {padding: 4px 7px}
	.contact-form ul li{
		margin-left: 3%
	}
	.tabs ul.primary li a, 
	ul.quicktabs-tabs li a {
		padding: 0 7px 3px;
	}
	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2,
	.col4-3,
	.col3-1,
	.col3-2,
	.col2-1
	{
		margin-left: 2%;
	}
	.col4-1 {
		max-width: 23%;
	}
	.col4-2, .col2-1 {
		max-width: 48%;
	}
	.col4-3 {
		max-width: 72%;
	}
	.col3-1 {
		max-width: 31%;
	}
	.col3-2 {
		max-width: 62%;
	}
}

@media screen and (max-width: 760px) {

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#content {
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
	}
	
	/* sidebar */
	#sidebar {
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
		padding-top: 20px;
	}
	
	.lst-art-recent li {
		width: 48%;
		float: left;
	}
	.lst-art-recent li:nth-child(even) {
		float: right;
	}
	
	#nav {
		float: left
	}
	
	#contentop-blocks .col {
		width: 100%;
		margin: 0;
		float: none
	}

	/************************************************************************************
	POST
	*************************************************************************************/
.node-portfolio,
.lst-article.filter.all .node-portfolio {
    float: left;
    width: 50%;
}

	.block h3 {
		font-size: 1.8em
	}
	
	.contact-form ul li {
		width: 100%;
		float: none;
		margin: 0 0 2%;
	}
	
	.contact-form .form-item-name,
	.contact-form .form-item-mail,
	.contact-form .form-item-subject {
		width: 100%;
		float: none;
		margin: 0;
	}
	.contact-form #edit-name,
	.contact-form #edit-mail,
	.contact-form #edit-subject {
		width: 98%
	}
	
	/* Bottom */
	#bottom .col3b.first {
		float: none;
		width: 100%
	}
	#bottom .col3b {
		width: 48%;
		margin-left: 2%
	}
	
	#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
		white-space: normal
	}
}

@media screen and (max-width: 600px) {
	
	#header #logo {
		margin-bottom: 10px
	}
	.js #main-menu-links,
	.js #superfish-1 { 
		display: none; 
	}
  .js .selectnav { 
		display: block; 
		clear: both;
		margin: 0 0 0 10px
	}
	
	#main-content {
		padding: 20px 15px;
	}
	.view-a-little-of-our-work .views-row {
		width: 50%
	}
	.view-a-little-of-our-work .views-row-3 {
		clear: left
	}
	
	.social,
	.ft-block {
		text-align: center; 
		width: 100%; 
		float: none
	}

	#forum table tr th, #forum table tr td, #forum .forum-table th {
		padding: 8px 5px 9px
	}
	td.forum {
		width: 40%
	}
		td.forum .description {
			display: none
		}
	td.topics,
	td.posts {
		width: 15%
	}
	td.last-reply {
		width: 30%
	}
	
	.work-3col .article-type-work-teaser:nth-child(2n), .work-4col .article-type-work-teaser:nth-child(3n) {
		margin: 0
	}
}

@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	.pagewrap {
		max-width: 98%;
	}
	/* FOOTER */
	#bottom .col3b,
	#bottom .col3c {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.blog-image {
		float: none
	}
	.blog-info {
		padding: 0
	}
	
	.camera_pag {
		display: none;
	}
	
}

@media screen and (min-width: 481px) {

	

}